<template>
	<view class="info">
		<view class="currency_card mb_30" v-for="n in data" :key="data.id" @click="goInfo('pages/ConsultationRoom/PrescriptionDetails/PrescriptionDetails',n.id)">
			<view class="title flex-sp-center">
				处方编号
			</view>
			<view class="no flex-sp-center">
				{{n.no}}
			</view>
			<view class="title flex-sp-center">
				诊断结果
			</view>
			<view class="text ">
				<view class="rowShow_2">
					{{n.diagnosis}}
				</view>
			</view>
			<view class="btmBox flex-sp-center">
				<view class="">
					<uni-dateformat :date="n.createTime" format="yyyy-MM-dd hh:mm"></uni-dateformat>
				</view>
				<view class="flex-center">
					<uni-icons type="right" size="16" color="#999"></uni-icons>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: ["data"],
		name: "PatientCondition",
		data() {
			return {

			};
		},
		methods:{
			goInfo(e, id) {
				var updata = 0
				if (id) {
					uni.navigateTo({
						url: `/${e}?id=${id}&updata=${updata}`,
					})
				} else {
					uni.navigateTo({
						url: `/${e}`,
					})
				}
			},
		}
	}
</script>

<style lang="less" scoped>
	.btmBox {
		margin-top: 25rpx;
		font-weight: 500;
		font-size: 26rpx;
		color: #999999;

		image {
			width: 25rpx;
			height: 25rpx;
			margin-right: 16rpx;
		}
	}

	.info {
		padding: 30rpx;

		.no {
			font-weight: 500;
			font-size: 28rpx;
			color: #333333;
			margin-bottom: 15rpx;
		}

		.title {
			font-weight: 500;
			font-size: 28rpx;
			color: #999999;
			margin-bottom: 15rpx;

			.state {
				font-weight: 500;
				font-size: 26rpx;
				color: #3C6DFE;
			}

			text {
				min-width: 102rpx;
				height: 33rpx;
				background: #FBECD1;
				border-radius: 10rpx;
				font-weight: 500;
				font-size: 22rpx;
				color: #F1AE34;
				margin-left: 17rpx;
				display: inline-block;
				text-align: center;
			}

			image {
				width: 46rpx;
				height: 46rpx;
				margin-right: 17rpx;
			}
		}

		.text {
			width: 649rpx;
			height: 119rpx;
			background: #F8FAFB;
			border-radius: 10rpx;
			padding: 23rpx 16rpx;
			box-sizing: border-box;
			font-weight: 500;
			font-size: 28rpx;
			color: #666666;
		}
	}
</style>